<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../dist/css/common.min.css">
<link rel="stylesheet" href="../dist/css/invest.min.css">

<div class="container">
    
    <div class="content1">
        <h4 class="font18 mtb10">投资列表</h4>

        <div class="row mlr mtb10">
            <span class="fc7 font14 span">标的状态</span>
            <div class="span-group font14">
                <span>全部</span><span>招标中</span><span>还款中</span>
            </div>
        </div>
    </div>

    <!-- 表格部分 -->
    <table class="table">
        <thead>
            <tr>
                <th scope="col">借款人</th>
                <th scope="col">借款标题</th>
                <th scope="col">年利率</th>
                <th scope="col">金额</th>
                <th scope="col">还款方式</th>
                <th scope="col">进度</th>
                <th scope="col">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="tr1">
                <td>张三</td>
                <td>给我2000渡过难关</td>
                <td>10.00%</td>
                <td>2,000.00</td>
                <td>按月分期还款</td>
                <td>78.00%</td>
                <td><button type="button" class="btn btn-danger button">查看</button></td>
            </tr>
        </tbody>
    </table>
</div>

<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/bootstrap/js/jquery.js"></script>
<script src="../lib/bootstrap/js/popper.js"></script>
<script src="../dist/js/invest.min.js"></script>